<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"
    />
    <title>书架</title>
    <link
      rel="stylesheet"
      href="https://at.alicdn.com/t/c/font_4803307_hsage5e3gw.css"
    />
    <link rel="stylesheet" href="../css/public.css" />
    <link rel="stylesheet" href="./list.css" />
    <input type="hidden" id="_w_simile" data-inspect-config="3" />
    <script
      type="text/javascript"
      src="chrome-extension://dbjbempljhcmhlfpfacalomonjpalpko/scripts/inspector.js"
    ></script>
  </head>
  <body>
    <header>
      <p class="fcc mt-20">书架</p>
      <div class="head bg-fff mt-20">
        <nav class="flex jc-sa">
          <a class="link active f16 f888 fw-b" href="#">待读</a>
          <a class="link f16 f888 fw-b" href="#">已读</a>
        </nav>
      </div>
    </header>

    <div class="blank"></div>
    <div class="blank"></div>
    <main>
      <!-- 列表 -->
      <ul class="link" id="shelfListContainer">
        <li class="item flex aic bg-fff" data-id="1">
          <input type="checkbox" name="items" />
          <img src="../img/book1.png" alt="" class="ml-20" />
          <div class="word ml-20">
            <h3>世界上最棒的礼物</h3>
            <p>[中] 赖马 著/</p>
            <p>
              <span>3-6岁</span>
              <span>数学启蒙</span>
            </p>
          </div>
        </li>

        <li class="item flex aic bg-fff" data-id="2">
          <input type="checkbox" name="items" />
          <img src="../img/book5.png" alt="" class="ml-20" />
          <div class="word ml-20">
            <h3>会消失的湖</h3>
            <p>[爱]帕迪·唐纳利 著/</p>
            <p>
              <span>3-6岁</span>
              <span>艺术熏陶</span>
            </p>
          </div>
        </li>
      </ul>
    </main>

    
    <div class="footer bg-fff flex jc-sa fixed w100p">
      <div style="height: 50px;" class="pt-10 all bg-fff fixed w100p flex aic jc-sa">
        <label><input type="checkbox" id="selectAll" /> 全选</label>
        <button class="deleteBook">删除</button>
        <a href="./member.html">
          <input type="submit" value="提交订单" class="submit" />
        </a>
      </div>
    </div>
    <footer class="bg-fff flex jc-sa fixed w100p">

    </footer>

    <script src="../js/axios.js"></script>
    <script src="../js/jquery.js"></script>
    <script src="../js/common.js"></script>
  </body>
</html>
